<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
	<jsp:include page="/include.jsp"/>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/fusionchar/FusionCharts.js" charset="utf-8"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-easyui-1.3.2/datagrid-detailview.js" charset="utf-8"></script>
	<script type="text/javascript">
	var ruleId=null;
	var ruleName=null;
	var ruleversionNum=null;
	var startDate=null;
	var endDate=null;
	var diminfo=null;
	var warnLevel=null;
	var periodType=null;
	$(document).ready(function(){
			//本页面-规则名称
			$('#dqm_rule_result_search_ruleName').combogrid({
				url:'${pageContext.request.contextPath}/basemgr/kpiDataSearchAction!getRuleNameSelect.action',
				panelWidth:450,
				idField:'ruleName',
				textField:'ruleName',
				pagination : true,
				rownumbers:true,
				fit: true,
				fitColumns:true,
				pageList:[10,20,30],
				editable:false,
				sortName:'createtime',
				sortOrder:'desc',
				columns: [[
							{field:'ruleId',title:'规则编码',width:50,sortable:true,align:'center'},
							{field:'ruleName',title:'规则名称',width:85,align:'center'},
							{field:'ruleversionNum',title:'规则版本号',width:85,align:'center'}
				]],
	 			onSelect:function(value,rowData){
					$("#dqm_rule_result_search_ruleId").val(rowData.ruleId);
					$("#dqm_rule_result_search_ruleversionnum").val(rowData.ruleversionNum);
					loadDimInfoSelect(rowData.ruleId, rowData.ruleversionNum);
					loadDate(rowData.ruleId, rowData.ruleversionNum,false);
				},
				onLoadSuccess:function(){
					var rows=$('#dqm_rule_result_search_ruleName').combogrid('grid').datagrid('getRows');
					if(rows.length)
					{
						$('#dqm_rule_result_search_ruleName').combogrid('setValue',rows[0]['ruleName']);//选中第一个
					}
				},
				toolbar:'#dqm_rule_result_search_toolbar_ruleName'
			});
			
			//本页面-维度信息
			$('#dqm_rule_result_search_diminfo').combogrid({
				url:'',
				panelWidth:460,
				panelHeight:250,
				idField:'diminfo',
				textField:'diminfo',
				pagination : true,
				pageList:[10,20,30],
				multiple: true,
				fitColumns: true,
				editable:false,
				columns: [[
							{field:'ck',checkbox:true},
							{field:'diminfo',title:'维度信息 ',width:100,sortable:true,align:'center',formatter:function(value,rowData,rowIndex){
								return '<span title="'+value+'">'+value+'<span>';}},
						]],
				onLoadSuccess:function(data){
					var diminfoDiv=$("td[field='diminfo'] div");//如果diminfo的内容太长，则由...代替
					diminfoDiv.css({
						"white-space":"nowrap",
						"text-overflow":"ellipsis",
						"-o-text-overflow":"ellipsis",
						"overflow":"hidden"
					});
					$('#dqm_rule_result_search_diminfo').combogrid('clear');//先清空
					var rows=$('#dqm_rule_result_search_diminfo').combogrid('grid').datagrid('getRows');
					if(rows.length){
						$('#dqm_rule_result_search_diminfo').combogrid('setValue',rows[0]['diminfo']);
					}
				}
			});
			
			//告警级别
			$('#dqm_rule_result_search_warnLevel').combobox({
				url:'${pageContext.request.contextPath}/problemmgr/problemAction!getDic.action?codeType=warnLevel&method=list',  
				valueField:'codeValue',  
				textField:'codeName',
				panelHeight:'auto',
				editable:false,
				onLoadSuccess:function(){
					$('#dqm_rule_result_search_warnLevel').combobox('setValue',null);
				}
			});
		
		//本页面-datagrid
		$('#dqm_ruleresultsearch_table').datagrid({
				url :'',
				fit:true,
				remoteSort:false,
				singleSelect:true,
				nowrap:true,
				border:false,
				fitColumns:true,
				pagination:true,
				pageList:[10,15,20],
				rownumbers:false,
				pagePosition:'bottom',
				sortName:'datadate',
				columns:[[  {field:'datadate',title:'数据日期',width:50,align:'center'},
							{field:'ruleId',title:'规则编码',width:30,align:'center',sortable:true},
							{field:'ruleName',title:'规则名称',width:80,align:'left',sortable:true},
							{field:'ruleVersionNum',title:'规则版本号',width:40,align:'center'},
							{field:'diminfo',title:'维度信息',width:150,align:'left',formatter:function(value,rowData,rowIndex){
								return '<span title="'+value+'">'+value+'<span>';
							}},
							{field:'resultvalue',title:'核查结果',width:30,align:'right'},
							{field:'warnLevelName',title:'告警级别',width:50,align:'center',formatter:function(value,rowData,rowIndex){
								if(rowData.warnlevel==0){
									return '<span style="color:#7aba42">'+rowData.warnLevelName+'</span>'; 
								}else if(rowData.warnlevel==1){
									return '<span style="color:#8cbeed">'+rowData.warnLevelName+'</span>'; 
								}else if(rowData.warnlevel==2){
									return '<span style="color:#ff9200">'+rowData.warnLevelName+'</span>'; 
								}else{
									return '<span style="color:#ec0101">'+rowData.warnLevelName+'</span>'; 
								}
								
							}}
						]],
				view: detailview,
				onLoadSuccess:function(){
					var diminfoDiv=$("td[field='diminfo'] div");//如果diminfo的内容太长，则由...代替
					diminfoDiv.css({
						"white-space":"nowrap",
						"text-overflow":"ellipsis",
						"-o-text-overflow":"ellipsis",
						"overflow":"hidden"
					});
				},
				detailFormatter: function(rowIndex, rowData){
					var tableStr="<div style='background:#f0f0f0'><table border='0'  style='height:50px;width:100%'>";
							tableStr+="<tr>";
								tableStr+="<td style='text-align:right;color:#398ece;width:10%;height:25px'>规则编码：</td>";
								tableStr+="<td style='width:15%;text-align:left;'>"+rowData.ruleId+"</td>";
								tableStr+="<td style='text-align:right;color:#398ece;width:10%;height:25px'>告警级别：</td>";
								if(rowData.warnlevel==0){
									tableStr+="<td style='width:15%;text-align:left;color:#7aba42'>"+rowData.warnLevelName+"</td>"; 
								}else if(rowData.warnlevel==1){
									tableStr+="<td style='width:15%;text-align:left;color:#8cbeed'>"+rowData.warnLevelName+"</td>";
								}else if(rowData.warnlevel==2){
									 tableStr+="<td style='width:15%;text-align:left;color:#ff9200'>"+rowData.warnLevelName+"</td>";
								}else{
									 tableStr+="<td style='width:15%;text-align:left;color:#ec0101'>"+rowData.warnLevelName+"</td>";
								}
								tableStr+="<td style='text-align:right;color:#398ece;height:25px'>维度信息：</td>";
								tableStr+="<td style='text-align:left;height:25px' colspan='3'>"+rowData.diminfo+"</td>";
							tableStr+="</tr>";
							tableStr+="<tr>";
								tableStr+="<td style='text-align:right;color:#398ece;height:25px'>规则名称：</td>";
								if(rowData.ruleName!=undefined){
									tableStr+="<td style='text-align:left;height:25px''>"+rowData.ruleName+"</td>";
								}else{
									tableStr+="<td style='text-align:right;color:#398ece;height:25px'></td>";
								}
								tableStr+="<td style='text-align:right;color:#398ece;height:25px''>规则内容：</td>";
								tableStr+="<td style='text-align:left;height:25px''><div style='width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;' title='"+rowData.rulecontent+"'>"+rowData.rulecontent+"</div></td>";
								tableStr+="<td style='text-align:right;color:#398ece;width:10%;height:25px'>阀值上限值：</td>";
								tableStr+="<td style='width:15%;text-align:left;'>"+rowData.thresholdmax+"</td>";
								tableStr+="<td style='text-align:right;color:#398ece;width:10%;height:25px' nowrap='nowrap'>阀值上限操作符：</td>";
								tableStr+="<td style='width:15%;text-align:left;'>"+translateOperator(rowData.thresholdmaxoperator)+"</td>";
							tableStr+="</tr>";
							tableStr+="<tr>";
								tableStr+="<td style='text-align:right;color:#398ece;height:25px'>数据日期：</td>";
								tableStr+="<td style='text-align:left;height:25px''>"+rowData.datadate+"</td>";
								tableStr+="<td style='text-align:right;color:#398ece;height:25px'>核查结果：</td>";
								tableStr+="<td style='text-align:left;height:25px'>"+rowData.resultvalue+"</td>";
								tableStr+="<td style='text-align:right;color:#398ece;height:25px'>阀值下限值：</td>";
								tableStr+="<td style='text-align:left;height:25px'>"+rowData.thresholdmin+"</td>";
								tableStr+="<td style='text-align:right;color:#398ece;height:25px' >阀值下限操作符：</td>";
								tableStr+="<td style='text-align:left;height:25px'>"+translateOperator(rowData.thresholdminoperator)+"</td>";
							tableStr+="</tr>";
						tableStr+="</table></div>";
					return tableStr;
				},
				toolbar:'#dqm_ruleresultsearch_tabletoobar'
			});
		
			//本页面-查询和重置按钮事件绑定
			$("#btnQuery").bind("click",doQuery);
			$("#btnReset").bind("click",doReset);
	 });//end-页面加载完成事件
	 
	 //本页面-查询
	function doQuery(){
		//本页面datagrid列表查询
		var dataGridOptions=$('#dqm_ruleresultsearch_table').datagrid('options');
			dataGridOptions.queryParams=serializeObject($('#dqm_rule_result_search_form'));
			dataGridOptions.url='${pageContext.request.contextPath}/basemgr/kpiDataSearchAction!getAccuracyRuleResult.action';
			$('#dqm_ruleresultsearch_table').datagrid('load');
		//获取本页面的查询参数
		ruleId=$('#dqm_rule_result_search_ruleId').val();//规则编码
		ruleName=$('#dqm_rule_result_search_ruleName').combogrid('getValue');//规则名称
		ruleversionNum=$('#dqm_rule_result_search_ruleversionnum').val();//规则版本号
		startDate=$('#dqm_rule_result_search_startDate').val();//开始日期
		endDate=$('#dqm_rule_result_search_endDate').val();//结束日期
		diminfo=$('#dqm_rule_result_search_diminfo').combogrid('getValues');//维度信息
		warnLevel=$('#dqm_rule_result_search_warnLevel').combobox('getValue');//告警等级
	}
	//本页面-重置
	function doReset(){
		$("#dqm_rule_result_search_ruleId").val('');
		$("#dqm_rule_result_search_ruleversionnum").val('');
		$('#dqm_rule_result_search_warnLevel').combobox('setValue',null);
		$('#dqm_rule_result_search_ruleName').combogrid('clear');
		$('#dqm_rule_result_search_diminfo').combogrid('clear');
		$('#dqm_rule_result_search_startDate').val('');
		$('#dqm_rule_result_search_endDate').val('');
	}
	//获取周期类型
	function loadDate(ruleId, ruleversionNum,isReloadDatagrid)
	{
		$.ajax({
			 url :'${pageContext.request.contextPath}/basemgr/kpiDataSearchAction!getPeriodType.action',
			 data:{"ruleId":ruleId,"ruleversionNum":ruleversionNum},
			 success : function(data){
				 var r = $.parseJSON(data);
				 try {
					 if(r.returnFlag)
					 {
						periodType= r.obj;
						if(periodType=='2')//月类型
						{
							// 本页面-开始时间 
							$('#dqm_rule_result_search_startDate').my97({
								  dateFmt:'yyyyMM',
								  maxDate:'#F{$dp.$D(\'dqm_rule_result_search_endDate\')}',//不能大于结束时间
								  readOnly:false,
								  isShowClear:true,
								  isShowWeek:false,
								  isShowToday:true,
								  doubleCalendar:false
							});
							// 本页面-结束时间 
							$('#dqm_rule_result_search_endDate').my97({
								  dateFmt:'yyyyMM',
								  minDate:'#F{$dp.$D(\'dqm_rule_result_search_startDate\')}',//不能小于开始时间
								  readOnly:false,
								  isShowClear:true,
								  isShowWeek:false,
								  isShowToday:true,
								  doubleCalendar:false
							});
							$('#dqm_rule_result_search_startDate').val(initDate_month(-8));
							$('#dqm_rule_result_search_endDate').val(initDate_month(-1));
						}else if(periodType=='3')//日类型
						{
							// 本页面-开始时间 
							$('#dqm_rule_result_search_startDate').my97({
								  dateFmt:'yyyyMMdd',
								  maxDate:'#F{$dp.$D(\'dqm_rule_result_search_endDate\')}',//不能大于结束时间
								  readOnly:false,
								  isShowClear:true,
								  isShowWeek:false,
								  isShowToday:true,
								  doubleCalendar:false
							});
							// 本页面-结束时间 
							$('#dqm_rule_result_search_endDate').my97({
								  dateFmt:'yyyyMMdd',
								  minDate:'#F{$dp.$D(\'dqm_rule_result_search_startDate\')}',//不能小于开始时间
								  readOnly:false,
								  isShowClear:true,
								  isShowWeek:false,
								  isShowToday:true,
								  doubleCalendar:false
							});
							$('#dqm_rule_result_search_startDate').val(initDate_day(-8));
							$('#dqm_rule_result_search_endDate').val(initDate_day(-1));
						}else if(periodType=='4')//小时类型
						{
							// 本页面-开始时间 
							$('#dqm_rule_result_search_startDate').my97({
								  dateFmt:'yyyyMMddHH',
								  maxDate:'#F{$dp.$D(\'dqm_rule_result_search_endDate\')}',//不能大于结束时间
								  readOnly:false,
								  isShowClear:true,
								  isShowWeek:false,
								  isShowToday:true,
								  doubleCalendar:false
							});
							// 本页面-结束时间 
							$('#dqm_rule_result_search_endDate').my97({
								  dateFmt:'yyyyMMddHH',
								  minDate:'#F{$dp.$D(\'dqm_rule_result_search_startDate\')}',//不能小于开始时间
								  readOnly:false,
								  isShowClear:true,
								  isShowWeek:false,
								  isShowToday:true,
								  doubleCalendar:false
							});
							$('#dqm_rule_result_search_startDate').val(initDate_hour(-24));
							$('#dqm_rule_result_search_endDate').val(initDate_hour(-1));
						}
					 }
					 if(isReloadDatagrid)
					 {
						 doQuery();
					 }
				} catch (e) {
					window.top.$.messager.alert('提示','获取指标周期类型失败');
				}
			}
		});
	}
	
	//初始化日类型的日期
	function initDate_day(addDays)
	{
		var date = new Date();
		date.setDate(date.getDate()+addDays);
		return date2str(date, 'yyyyMMdd');
	}
	//初始化月类型的日期
	function initDate_month(addMonths)
	{
		var date=new Date();
		date.setMonth(date.getMonth()+addMonths)
		return date2str(date, 'yyyyMM');
	}
	//初始化小时类型的日期
	function initDate_hour(addHours)
	{
		var date=new Date();
		date.setHours(date.getHours()+addHours)
		return date2str(date, 'yyyyMMddhh');
	}
	//到波动趋势图页面
	function toTrendPage(){
		//弹出页面
		window.top.$('<div id="dqm_rule_result_charts_dialog_div"/>').dialog({
			href:'${pageContext.request.contextPath}/dqm/basemgr/kpidatasearch/rule_result_search_trend.jsp',
			top:($(window.top).height()-500)*0.5,
			left:($(window.top).width()-900)*0.5,
			width:1000,
			height:600,
			modal:true,
			title:'波动趋势图',
			buttons:[{
				text:'关闭 ',
				iconCls:'',
				handler:function(){
					var d=window.top.$(this).closest('.window-body');
					d.dialog('destroy'); 
				}
			}],
			onLoad:function(){
				initDateTrend();
				initToolbarTrend();
				window.top.loadCharts();
			},
			onClose:function(){
				window.top.$(this).dialog('destroy');
			},
			toolbar:'#dqm_rule_result_dialog_toolbar'
		});
	}
	function initToolbarTrend()
	{
		var ruleId=(ruleId==null?$('#dqm_rule_result_search_ruleId').val():ruleId);//规则编码
		var ruleversionNum=(ruleversionNum==null?$('#dqm_rule_result_search_ruleversionnum').val():ruleversionNum);//规则版本号
		var ruleName=(ruleName==null?$('#dqm_rule_result_search_ruleName').combogrid('getValue'):ruleName);//规则名称
		var startDate=(startDate==null?$('#dqm_rule_result_search_startDate').val():startDate);//开始日期
		var endDate=(endDate==null?$('#dqm_rule_result_search_endDate').val():endDate);//结束日期
		var diminfo=(diminfo==null?$('#dqm_rule_result_search_diminfo').combogrid('getValues'):diminfo);//维度信息
		var warnLevel=(warnLevel==null?$('#dqm_rule_result_search_warnLevel').combobox('getValue'):warnLevel);//告警等级
		//给弹出窗口toolbar中的控件赋值
		window.top.$('#dqm_rule_result_search_ruleId_trend').val(ruleId);
		window.top.$('#dqm_rule_result_search_ruleversionnum_trend').val(ruleversionNum);
		window.top.$('#dqm_rule_result_search_rulename_trend').val(ruleName);
		window.top.$('#dqm_rule_result_search_startDate_trend').val(startDate);
		window.top.$('#dqm_rule_result_search_endDate_trend').val(endDate);
		if(!(warnLevel==undefined||$.trim(warnLevel)==""||warnLevel==null))
		{
			window.top.$('#dqm_rule_result_search_warnLevel_trend').combobox('setValue',warnLevel);
		}
		window.top.loadDimInfoSelectTrend(ruleId, ruleversionNum);
		window.top.$('#dqm_rule_result_search_diminfo_trend').combogrid('setValues',diminfo.slice(0,5));//只获取前面5个元素
	}
	
	function initDateTrend()
	{
		//根据指标的周期类型来初始化弹出框中的日期控件
		if(periodType=='2')//月类型
		{
			//弹出页面-开始时间 
			window.top.$('#dqm_rule_result_search_startDate_trend').my97({
				  dateFmt:'yyyyMM',
				  maxDate:'#F{$dp.$D(\'dqm_rule_result_search_endDate_trend\')}',//不能大于结束时间
				  readOnly:false,
				  isShowClear:true,
				  isShowWeek:false,
				  isShowToday:true,
				  doubleCalendar:false
			});
			//弹出页面-结束时间 
			window.top.$('#dqm_rule_result_search_endDate_trend').my97({
				  dateFmt:'yyyyMM',
				  minDate:'#F{$dp.$D(\'dqm_rule_result_search_startDate_trend\')}',//不能小于开始时间
				  readOnly:false,
				  isShowClear:true,
				  isShowWeek:false,
				  isShowToday:true,
				  doubleCalendar:false
			});
		}else if(periodType=='3')//日类型
		{
			//弹出页面-开始时间 
			window.top.$('#dqm_rule_result_search_startDate_trend').my97({
				  dateFmt:'yyyyMMdd',
				  maxDate:'#F{$dp.$D(\'dqm_rule_result_search_endDate_trend\')}',//不能大于结束时间
				  readOnly:false,
				  isShowClear:true,
				  isShowWeek:false,
				  isShowToday:true,
				  doubleCalendar:false
			});
			//弹出页面-结束时间 
			window.top.$('#dqm_rule_result_search_endDate_trend').my97({
				  dateFmt:'yyyyMMdd',
				  minDate:'#F{$dp.$D(\'dqm_rule_result_search_startDate_trend\')}',//不能小于开始时间
				  readOnly:false,
				  isShowClear:true,
				  isShowWeek:false,
				  isShowToday:true,
				  doubleCalendar:false
			});
		}else if(periodType=='4')//小时类型
		{
			//弹出页面-开始时间 
			window.top.$('#dqm_rule_result_search_startDate_trend').my97({
				  dateFmt:'yyyyMMddHH',
				  maxDate:'#F{$dp.$D(\'dqm_rule_result_search_endDate_trend\')}',//不能大于结束时间
				  readOnly:false,
				  isShowClear:true,
				  isShowWeek:false,
				  isShowToday:true,
				  doubleCalendar:false
			});
			//弹出页面-结束时间 
			window.top.$('#dqm_rule_result_search_endDate_trend').my97({
				  dateFmt:'yyyyMMddHH',
				  minDate:'#F{$dp.$D(\'dqm_rule_result_search_startDate_trend\')}',//不能小于开始时间
				  readOnly:false,
				  isShowClear:true,
				  isShowWeek:false,
				  isShowToday:true,
				  doubleCalendar:false
			});
		}
	}
	//本页面-根据规则编号和规则版本号查询维度信息
	function loadDimInfoSelect(ruleId,ruleversionNum){
		var grid=$('#dqm_rule_result_search_diminfo').combogrid('grid');
		var gridOptions=grid.datagrid('options');
		gridOptions.url='${pageContext.request.contextPath}/basemgr/kpiDataSearchAction!getDimInfos.action?ruleId='+ruleId+'&ruleversionNum='+ruleversionNum;
		grid.datagrid(gridOptions);
	}
	//转换阀值操作符
	function translateOperator(operValue){
		switch(operValue){
			 case 0:
				return '=';
				break;
			case 1:
				return '>=';
				break;
			case 2:
				return '>';
				break;
			case 3:
				return '<=';
				break;
			 default:
				return '<';
		}
	}
	//本页面-规则名称combogrid中的查询事件
	function queryRuleName(){
			var ruleName=$('#dqm_rule_search_toolbar_ruleName').val();
			var query={ruleName:ruleName};
			var grid=$("#dqm_rule_result_search_ruleName").combogrid('grid');
			$(grid).datagrid('options').queryParams=query;
			$(grid).datagrid('reload');
	}
	//本页面-规则名称combogrid中的重置事件
	function resetRuleQuery(){
			$('#dqm_rule_search_toolbar_ruleName').val("");
	}
	</script>
</head>

<body class="easyui-layout">
	<form id="dqm_rule_result_search_form" method="post">
		<!-- 本页面-查询条件控件 -->
		<div data-options="region:'north'" style="height:80px;border-bottom:none;border-top:none;">
			<table border="0" cellpadding="0" cellspacing="0" height="100%"  width="100%" >
				<tr>
					<td style="text-align:right;width:10%;" nowrap="nowrap">
						<label>规则名称：&nbsp;</label>
					</td>
					<td style="text-align:left;width:15%;">
						<input type="text" id="dqm_rule_result_search_ruleName" name="ruleName"/>
						<input type="hidden" id="dqm_rule_result_search_ruleId" name="ruleId"/>
						<input type="hidden" id="dqm_rule_result_search_ruleversionnum" name="ruleversionNum"/>
					</td>
					<td style="text-align:right;width:10%;" nowrap="nowrap">
						<label>日期&nbsp;</label>
					</td>
					<td style="text-align:left;width:15%;" nowrap="nowrap">
						<input id="dqm_rule_result_search_startDate" name="startDate" type="date"  style="width:160px;margin-top:2px;"/>
						至&nbsp;<input id="dqm_rule_result_search_endDate" name="endDate"  type="date"  style="width:160px;margin-top:2px"/>
					</td>
					<td style="text-align:right;width:10%;" nowrap="nowrap">
						<label>告警级别：&nbsp;</label>
					</td>
					<td style="text-align:left;width:15%;">
						<input type="text" id="dqm_rule_result_search_warnLevel" name="warnLevel" panelHeight="auto"/>
					</td>
				</tr>
				<tr>
					<td style="text-align:right;width:10%;" nowrap="nowrap">
						<label>维度信息：&nbsp;</label>
					</td>
					<td style="text-align:left;width:15%;" >
						<input type="text" id="dqm_rule_result_search_diminfo" name="diminfo"/>
					</td>
					<td style="text-align:right;width:10%;" nowrap="nowrap">
					</td>
					<td style="text-align:left;width:15%;" >
					</td>
					<td style="text-align:right;width:10%;" nowrap="nowrap">
					</td>
					<td colspan="1" style="text-align:center;width:15%;" >
						<input type="button" id="btnQuery" name="" value="查 询" style="cursor:pointer;background-image: url('${pageContext.request.contextPath}/images/login/search.png');background-repeat: no-repeat;width:67px;height:23px;padding-left:12px;border:none;color:white;font-family:微软雅黑;"/>	
						<input type="button" id="btnReset" name="" value="重 置" style="cursor:pointer;background-image: url('${pageContext.request.contextPath}/images/login/reset.png');background-repeat: no-repeat;width:67px;height:23px;padding-left:12px;border:none;color:white;font-family:微软雅黑;"/>				
					</td>
					<td nowrap="nowrap">
					</td>
					<td nowrap="nowrap">
					</td>
				</tr>
			</table>
		</div>
		<div data-options="region:'center'" style="border-top:none">
			<table id="dqm_ruleresultsearch_table"></table>
			<div id="dqm_ruleresultsearch_tabletoobar" class="etl_panel_title">
				<a href="javascript:void(0);"  onclick="toTrendPage()" class="easyui-linkbutton" data-options="iconCls:'icon-print',plain:true" style="float:left">波动趋势图</a>
			</div>
		</div>
	</form>
	
	<!-- 规则名称下拉列表中的按钮 -->
	<div id="dqm_rule_result_search_toolbar_ruleName" style="padding:5px;height:auto">   
		<div>
		 规则名称 : <input id="dqm_rule_search_toolbar_ruleName" type="text" class="easyui-validatebox" name="kpiname" style="width:150px" >  
			<input type="button" id="" onclick="queryRuleName()" value="查 询" style="cursor:pointer;background-image: url('${pageContext.request.contextPath}/images/login/search.png');background-repeat: no-repeat;width:67px;height:23px;padding-left:12px;border:none;color:white;font-family:微软雅黑;"/>	
			<input type="button" id="" onclick="resetRuleQuery()" value="重 置" style="cursor:pointer;background-image: url('${pageContext.request.contextPath}/images/login/reset.png');background-repeat: no-repeat;width:67px;height:23px;padding-left:12px;border:none;color:white;font-family:微软雅黑;margin-right:55px"/> 
		</div>
	</div>
</body>
</html>
